<style lang='scss' scoped>
@import "@/assets/css/variable";
.addStaff {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 100%;
  background-color: $main-bgc;
  min-height: 100%;
  font-size: 1.2rem;
  overflow: auto;
  box-sizing: border-box;
  .header-box {
    border-bottom: 1px solid $border-c;
    background-color:white;
    padding: 1.4rem 1.7rem;
    .title {
      font-size: 1.8rem;
    }
  }
}
</style>
<template>
  <div class="addStaff padding-all-m">
    <div class="header-box border-r-l">
      <van-button plain hairline type="primary" size="mini" @click="btnClick">返回</van-button>
      <div v-html="protocolText" style="margin-top: 10px"></div>
    </div>  
  </div>
</template>

<script>
import { Button, Icon, Field, Dialog } from "vant";
export default {
  name:'StaffManage',
  components: {
    [Icon.name]: Icon,
    [Button.name]: Button,
    [Field.name]: Field,
    [Dialog.name]: Dialog
  },
  data() {
    return {
      status: 1,
      // openid: '',
      // merchant_id: '',
      // nickname: '',
      // avatar: '',
      form: {
        name: '', // 需手动填写
        mobile: '' // 需手动填写
      },
      protocolText: ''
    };
  },
  computed: {
    // getOpenid() {
    //   return this.$store.state.openid
    // }
  },
  // watch: {
  //   getAppid (newCount, oldCount) {
  //    // Our fancy notification (2).
  //    console.log(`We have ${newCount} openid now, yaay!`)
  //   }
  // },
  created() {
    this.getItemagreement()
  },
  mounted() {
    
  },
  methods: { 
    getItemagreement() {
      this.$request.getItemagreement().then(res => {
       this.protocolText = res.data.value.agreement_describe
       console.log(this.protocolText );
      })
    },
    btnClick() {
      this.$router.go(-1);
    }
  },
};
</script>